@media all and (min-width: 1220px) {
    div.footer {
        height: 144px;
        background-color: #333333;
        position: absolute;
        left : 0;
        right : 0;
        bottom :0;
        padding: 20px 0 0 0;
    }

    div.footer > .footer-container {
        width: 1064px;
        height: 100px;
        margin: 0 auto;
    }

    div.footer > .footer-container p{
        line-height: 40px;
        display: block;
    }

    p.first{
        margin-bottom : 10px;
    }

    p.second{
        margin-top : 10px;
    }

    div.footer > .footer-container span {
        color: white;
        font-size: 24px;
        vertical-align: middle;
    }

    div.footer > .footer-container img {
        width: 26px;
        height: 26px;
        vertical-align: middle;
    }

    span.float-right {
        float: right;
    }
}

@media all and (max-width : 1219px){
    div.footer {
        height: 12rem;
        background-color: #333333;
        color : white;
        font-size: 1.4rem;
    }

    div.footer > .footer-container {
        width : 100%;
        height : 114px;
        position: relative;
        padding-top : 1.2rem;
        text-align: center;
    }

    div.footer > .footer-container img {
        width : 2.6rem;
        height : 2.6rem;
        vertical-align: middle;
    }

    div.footer > .footer-container span {
        color: white;
        font-size: 1.6rem;
        vertical-align: middle;
    }

    div.footer > .footer-container p {
        line-height : 3rem;
    }


    p.first {
        display: block;
        margin-bottom : 1.2rem;
    }

    p.second {
    }

    span.float-right{
        display: block;
    }
}
